<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>评价报告</title>
    <meta name="description" content="Description">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit"> 
    <!-- 页面 CSS 模板 -->
    $[_commoncss]$
    $[_layoutcss]$
    <!-- 本地 CSS -->
    <link rel="stylesheet" href="../../resources/css/common.css">
    <link rel="stylesheet" href="./assessment-report.css">
    <!-- 页面 JS 模板 -->
    $[_commonjs]$
    $[_layoutjs]$
    <!-- 本地 JS -->
    <script src="./quality-currency.js"></script>
    <script src="./assessment-report.js"></script>
</head>
<body>
<template-layout2 id="app">
    <!-- 顶部面包屑 -->
    <el-breadcrumb slot="breadcrumb" separator="/" class="app-breadcrumb">
        <el-breadcrumb-item>评价管理</el-breadcrumb-item>
        <el-breadcrumb-item><span class="no-redirect">评价报告</span></el-breadcrumb-item>
    </el-breadcrumb>
    <!-- 评价报告主体内容 start -->
    <div class="app-container">
        <!-- 评价报告头部筛选 start -->
        <div class="container-head">
            <div>
                <span>报告类别：</span>
                <el-select v-model="reportVal" :clearable="true" size="medium" style="width: 200px;" placeholder="请选择报告类别">
                    <el-option v-for="(item,index) in reportOptions" :key="index + 'select'" :label="item.label" :value="item.value">
                    </el-option>
                </el-select>
            </div>
        </div>
        <!-- 评价报告头部筛选 end -->
        <!-- 评价报告内容 start -->
        <div class="app-containe-t">
            <el-table :data="reportTableData" stripe style="width: 100%">
                <el-table-column show-overflow-tooltip align="center" prop="apply_number" label="编号" width="150"></el-table-column>
                <el-table-column align="center" prop="name" label="报告类别">
                    <template>
                        <span>常规报告</span>
                    </template>
                </el-table-column>

                <el-table-column show-overflow-tooltip align="center" prop="grow_big_family" label="种植大户"></el-table-column>
                <el-table-column show-overflow-tooltip align="center" prop="submitted_by" label="联系人"></el-table-column>
                <el-table-column show-overflow-tooltip align="center" prop="seed_rice_name" label="稻种"></el-table-column>
                <el-table-column show-overflow-tooltip align="center" prop="rice_species" label="稻类">
                    <template slot-scope="scope">
                        <span>{{GETTABLENAME(riceTypeList,scope.row.rice_species)}}</span>
                    </template>
                </el-table-column>
                <el-table-column show-overflow-tooltip align="center" prop="rice_area" label="所属稻区"></el-table-column>
                <el-table-column show-overflow-tooltip align="center" prop="sow_date" label="播种日期"></el-table-column>
                <el-table-column show-overflow-tooltip align="center" prop="test_time" label="品质检测日期"></el-table-column>
                <el-table-column show-overflow-tooltip align="center" prop="test_user_name" label="检测人"></el-table-column>
                <el-table-column show-overflow-tooltip align="center" prop="test_grade" label="评定等级">
                    <template slot-scope="scope">
                        <span>{{GETTABLENAME(numberList,scope.row.test_grade)}}</span>
                    </template>
                </el-table-column>
                <el-table-column align="center" label="操作" width="100">
                    <template slot-scope="scope">
                        <el-button type="text" @click="lookUpClick(scope.row)">查看</el-button>
                    </template>
                </el-table-column>
            </el-table>
            <el-pagination v-show="reportPagination.total" style="margin-top: 10px" background  @size-change="reportSizeChange" @current-change="reportCurrentChange" :current-page="reportPagination.currentPage" :page-sizes="reportPagination.pageSizes" :page-size="reportPagination.pageSize" layout="total, sizes, prev, pager, next, jumper" :total="reportPagination.total">
            </el-pagination>
        </div>
        <!-- 评价报告内容 end -->
    </div>
    <!-- 评价报告主体内容 end -->

    <!-- 报告详情弹框 -->
    <el-dialog title="提示" :visible.sync="reportDialogVisible" width="800px">
        <div class="dialog-report-t">
            <div class="dialog-report-title">
                <span>水稻所食用稻米品质检验报告</span>
            </div>
            <div class="dialog-report-table-content">
                <div class="dialog-table-content-title">
                    <div>
                        <span>种植大户：</span>
                        <span>{{reportDialogData.grow_big_family || "—"}}</span>
                    </div>
                    <div>
                        <span>联系电话：</span>
                        <span>{{reportDialogData.phone || "—"}}</span>
                    </div>
                    <div>
                        <span>所属监测点：</span>
                        <span>{{reportDialogData.point_id || "—"}}</span>
                    </div>
                </div>
                <div class="dialog-table-box">
                    <table class="table-all" border="1">
                        <tr>
                            <td class="_table-color">样品类型</td>
                            <td>{{GETTABLENAME(riceTypeList,reportDialogData.rice_species || "") || "—"}}</td>
                            <td class="_table-color">所属稻种</td>
                            <td>{{reportDialogData.seed_rice_name || "—"}}</td>
                        </tr>
                        <tr>    
                            <td class="_table-color">播种日期</td>
                            <td>{{reportDialogData.sow_date || "-"}}</td>
                            <td class="_table-color">样品数量</td>
                            <td>{{reportDialogData.sample_weight? reportDialogData.sample_weight + "克" : "—"}}</td>
                        </tr>
                        <tr>
                            <td class="_table-color _table-height">检验依据</td>
                            <td class="_table-height" colspan="3">{{reportDialogData.test_basis || "—"}}</td>
                        </tr>
                        <tr>
                            <td class="_table-color _table-height">检验日期</td>
                            <td colspan="3">{{reportDialogData.accepted_time || "—"}}  ~ {{reportDialogData.published_time || "—"}}</td>
                        </tr>
                        <tr>
                            <td class="_table-color _table-height">检验结论</td>
                            <td colspan="3">{{GETTABLENAME(numberList,reportDialogData.test_grade) || "—"}}</td>
                        </tr>
                        <tr>
                            <td class="_table-color _table-height">备注</td>
                            <td colspan="3">{{reportDialogData.remark || "—"}}</td>
                        </tr>
                    </table>
                </div>
                <div style="margin: 0 auto;">
                    <el-button type="primary" @click="reportDialogVisible = false">确 定</el-button>
                </div>
            </div>
        </div>
    </el-dialog>
</template-layout2>
<script>
    new Vue({
        el: '#app',
        mixins: [ pageConf ]
    });
</script>
</body>
</html>
